<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示：JavaScript滑动下拉菜单</title>
<link rel="stylesheet" href="dropdown.css" type="text/css" />
<script type="text/javascript" src="dropdown.js"></script>
</head>
<body>
<dl class="dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)">水平滑动下拉菜单一</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
      <li><a href="#" class="underline">导航栏项目一</a></li>
      <li><a href="#" class="underline">导航栏项目二</a></li>
      <li><a href="#" class="underline">导航栏项目三</a></li>
      <li><a href="#" class="underline">导航栏项目四</a></li>
      <li><a href="#">导航栏项目五</a></li>
    </ul>
  </dd>
</dl>

<dl class="dropdown">
  <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)">水平滑动下拉菜单二</dt>
  <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
    <ul>
      <li><a href="#" class="underline">导航栏项目一</a></li>
      <li><a href="#" class="underline">导航栏项目二</a></li>
      <li><a href="#" class="underline">导航栏项目三</a></li>
      <li><a href="#" class="underline">导航栏项目四</a></li>
      <li><a href="#">导航栏项目五</a></li>
    </ul>
  </dd>
</dl>

<div style="clear:both" />
</body>
</html>
